﻿<!DOCTYPE html>
<html>
  <head>
    <title>步骤条</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/步骤条/styles.css" type="text/css" rel="stylesheet"/>
    <style type="text/css">
@font-face {
font-family:Ionicons;
src:url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/iview/3.0.1/styles/fonts/ionicons.svg#Ionicons) format("svg");
font-weight:400;
font-style:normal
}
    </style>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/步骤条/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Header) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3189" class="ax_default">
        <div id="u3189_state0" class="panel_state" data-label="State1" style="">
          <div id="u3189_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3190" class="ax_default box_2">
              <div id="u3190_div" class=""></div>
              <div id="u3190_text" class="text ">
                <p><span>&nbsp; 返回顶部</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u3191" class="ax_default paragraph">
              <div id="u3191_div" class=""></div>
              <div id="u3191_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- header (Dynamic Panel) -->
      <div id="u3192" class="ax_default" data-label="header">
        <div id="u3192_state0" class="panel_state" data-label="State1" style="">
          <div id="u3192_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3193" class="ax_default box_1">
              <div id="u3193_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3194" class="ax_default">
              <div id="u3194_state0" class="panel_state" data-label="State1" style="">
                <div id="u3194_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3195" class="ax_default box_1">
                    <div id="u3195_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3196" class="ax_default box_1">
                    <div id="u3196_div" class=""></div>
                    <div id="u3196_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3197" class="ax_default box_1">
                    <div id="u3197_div" class=""></div>
                    <div id="u3197_text" class="text ">
                      <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3198" class="ax_default image">
                    <img id="u3198_img" class="img " src="images/index/u10.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3199" class="ax_default box_1">
                    <img id="u3199_img" class="img " src="images/index/u11.png"/>
                    <div id="u3199_text" class="text ">
                      <p><span>&nbsp;iView Axure Library</span></p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3200" class="ax_default box_1">
        <div id="u3200_div" class=""></div>
      </div>

      <!-- Unnamed (SideNav) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u3202" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3202_div" class=""></div>
        <div id="u3202_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">对话框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3203" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3203_div" class=""></div>
        <div id="u3203_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">通知提醒</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3204" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3204_div" class=""></div>
        <div id="u3204_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">全局提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3205" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3205_div" class=""></div>
        <div id="u3205_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">警告提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3206" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-light">
        <div id="u3206_div" class=""></div>
        <div id="u3206_text" class="text ">
          <p><span>视图</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3207" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3207_div" class=""></div>
        <div id="u3207_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3208" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3208_div" class=""></div>
        <div id="u3208_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">颜色选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3209" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3209_div" class=""></div>
        <div id="u3209_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">上传</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3210" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3210_div" class=""></div>
        <div id="u3210_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">评分</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3211" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3211_div" class=""></div>
        <div id="u3211_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">数字输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3212" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3212_div" class=""></div>
        <div id="u3212_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">穿梭框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3213" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3213_div" class=""></div>
        <div id="u3213_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">级联选择</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3214" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3214_div" class=""></div>
        <div id="u3214_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3215" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3215_div" class=""></div>
        <div id="u3215_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">日期选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3216" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3216_div" class=""></div>
        <div id="u3216_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">滑块</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3217" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3217_div" class=""></div>
        <div id="u3217_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">选择器</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3218" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3218_div" class=""></div>
        <div id="u3218_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">表格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3219" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3219_div" class=""></div>
        <div id="u3219_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">开关</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3220" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3220_div" class=""></div>
        <div id="u3220_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">多选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3221" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3221_div" class=""></div>
        <div id="u3221_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单选框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3222" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3222_div" class=""></div>
        <div id="u3222_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">输入框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3223" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-light">
        <div id="u3223_div" class=""></div>
        <div id="u3223_text" class="text ">
          <p><span>表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3224" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3224_div" class=""></div>
        <div id="u3224_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3225" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3225_div" class=""></div>
        <div id="u3225_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">锚点</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3226" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3226_div" class=""></div>
        <div id="u3226_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">徽标数</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3227" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3227_div" class=""></div>
        <div id="u3227_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面包屑</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3228" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3228_div" class=""></div>
        <div id="u3228_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3229" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3229_div" class=""></div>
        <div id="u3229_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">下拉菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3230" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3230_div" class=""></div>
        <div id="u3230_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签页</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3231" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3231_div" class=""></div>
        <div id="u3231_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">导航菜单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3232" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-light">
        <div id="u3232_div" class=""></div>
        <div id="u3232_text" class="text ">
          <p><span>导航</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3233" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3233_div" class=""></div>
        <div id="u3233_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">单元格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3234" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3234_div" class=""></div>
        <div id="u3234_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">分割线</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3235" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3235_div" class=""></div>
        <div id="u3235_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">面板分割</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3236" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3236_div" class=""></div>
        <div id="u3236_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">折叠面板</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3237" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3237_div" class=""></div>
        <div id="u3237_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">卡片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3238" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3238_div" class=""></div>
        <div id="u3238_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3239" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3239_div" class=""></div>
        <div id="u3239_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">栅格</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3240" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-light">
        <div id="u3240_div" class=""></div>
        <div id="u3240_text" class="text ">
          <p><span>布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3241" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3241_div" class=""></div>
        <div id="u3241_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图标</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3242" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3242_div" class=""></div>
        <div id="u3242_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">按钮</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3243" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3243_div" class=""></div>
        <div id="u3243_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">字体</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3244" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3244_div" class=""></div>
        <div id="u3244_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">色彩</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3245" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-light">
        <div id="u3245_div" class=""></div>
        <div id="u3245_text" class="text ">
          <p><span>基础</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3246" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-light">
        <div id="u3246_div" class=""></div>
        <div id="u3246_text" class="text ">
          <p><span>组件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3247" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3247_div" class=""></div>
        <div id="u3247_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">资源下载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3248" class="ax_default box_1 selected" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3248_div" class="selected"></div>
        <div id="u3248_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">使用说明</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3249" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-light">
        <div id="u3249_div" class=""></div>
        <div id="u3249_text" class="text ">
          <p><span>入门介绍</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3250" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3250_div" class=""></div>
        <div id="u3250_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">抽屉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3251" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3251_div" class=""></div>
        <div id="u3251_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">树形控件</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3252" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3252_div" class=""></div>
        <div id="u3252_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">文字提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3253" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3253_div" class=""></div>
        <div id="u3253_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">气泡提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3254" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3254_div" class=""></div>
        <div id="u3254_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3255" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3255_div" class=""></div>
        <div id="u3255_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">头像</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3256" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3256_div" class=""></div>
        <div id="u3256_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">标签</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3257" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3257_div" class=""></div>
        <div id="u3257_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">走马灯</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3258" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3258_div" class=""></div>
        <div id="u3258_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">时间轴</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3259" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3259_div" class=""></div>
        <div id="u3259_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">相对时间</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3260" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3260_div" class=""></div>
        <div id="u3260_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">进度环</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3261" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3261_div" class=""></div>
        <div id="u3261_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">图钉</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3262" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3262_div" class=""></div>
        <div id="u3262_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">返回顶部</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3263" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3263_div" class=""></div>
        <div id="u3263_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">加载中</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3264" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-fenzu-light">
        <div id="u3264_div" class=""></div>
        <div id="u3264_text" class="text ">
          <p><span style="font-family:'Ionicons';"></span><span style="font-family:'Monaco';"> </span><span style="font-family:'"Helvetica Neue"', 'Helvetica', '"PingFang SC"', '"Hiragino Sans GB"', '"Microsoft YaHei"', '"微软雅黑"', 'Arial', 'sans-serif';">无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3265" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-light">
        <div id="u3265_div" class=""></div>
        <div id="u3265_text" class="text ">
          <p><span>图表</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3266" class="ax_default box_1" selectiongroup="u3201nav-cebianlan-light">
        <div id="u3266_div" class=""></div>
        <div id="u3266_text" class="text ">
          <p><span>其他</span></p>
        </div>
      </div>

      <!-- Unnamed (Footer) -->

      <!-- Unnamed (Dynamic Panel) -->
      <div id="u3268" class="ax_default">
        <div id="u3268_state0" class="panel_state" data-label="State1" style="">
          <div id="u3268_state0_content" class="panel_state_content">

            <!-- Unnamed (Rectangle) -->
            <div id="u3269" class="ax_default box_1">
              <div id="u3269_div" class=""></div>
            </div>

            <!-- Unnamed (Dynamic Panel) -->
            <div id="u3270" class="ax_default">
              <div id="u3270_state0" class="panel_state" data-label="State1" style="">
                <div id="u3270_state0_content" class="panel_state_content">

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3271" class="ax_default box_1">
                    <div id="u3271_div" class=""></div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3272" class="ax_default label">
                    <div id="u3272_div" class=""></div>
                    <div id="u3272_text" class="text ">
                      <p><span>Axure组件库由 baozipm制作</span></p><p><span>UI与交互由iView团队设计</span></p><p><span>图标由Ionicon团队设计</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3273" class="ax_default label">
                    <div id="u3273_div" class=""></div>
                    <div id="u3273_text" class="text ">
                      <p><span>Contract Me</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3274" class="ax_default" data-left="1" data-top="80" data-width="151" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3275" class="ax_default label">
                      <div id="u3275_div" class=""></div>
                      <div id="u3275_text" class="text ">
                        <p><span>bosenger@qq.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3276" class="ax_default paragraph">
                      <div id="u3276_div" class=""></div>
                      <div id="u3276_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3277" class="ax_default label">
                    <div id="u3277_div" class=""></div>
                    <div id="u3277_text" class="text ">
                      <p><span>Copyright</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3278" class="ax_default label">
                    <div id="u3278_div" class=""></div>
                    <div id="u3278_text" class="text ">
                      <p><span>BaoziPM</span></p><p><span>iView</span></p><p><span>Ionicon</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3279" class="ax_default label">
                    <div id="u3279_div" class=""></div>
                    <div id="u3279_text" class="text ">
                      <p><span>相关站点</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3280" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3281" class="ax_default">
                  </div>

                  <!-- Unnamed (Hot Spot) -->
                  <div id="u3282" class="ax_default">
                  </div>

                  <!-- Unnamed (Image) -->
                  <div id="u3283" class="ax_default image">
                    <img id="u3283_img" class="img " src="images/index/u95.png"/>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3284" class="ax_default label">
                    <div id="u3284_div" class=""></div>
                    <div id="u3284_text" class="text ">
                      <p><span>版本号1.1</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Rectangle) -->
                  <div id="u3285" class="ax_default paragraph">
                    <div id="u3285_div" class=""></div>
                    <div id="u3285_text" class="text ">
                      <p><span>www.baozipm.com</span></p>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3286" class="ax_default" data-left="0" data-top="106" data-width="154" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3287" class="ax_default label">
                      <div id="u3287_div" class=""></div>
                      <div id="u3287_text" class="text ">
                        <p><span>www.baozipm.com</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3288" class="ax_default paragraph">
                      <div id="u3288_div" class=""></div>
                      <div id="u3288_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>

                  <!-- Unnamed (Group) -->
                  <div id="u3289" class="ax_default" data-left="1" data-top="134" data-width="131" data-height="24">

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3290" class="ax_default label">
                      <div id="u3290_div" class=""></div>
                      <div id="u3290_text" class="text ">
                        <p><span>iView Axure Git</span></p>
                      </div>
                    </div>

                    <!-- Unnamed (Rectangle) -->
                    <div id="u3291" class="ax_default paragraph">
                      <div id="u3291_div" class=""></div>
                      <div id="u3291_text" class="text ">
                        <p><span></span></p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3292" class="ax_default heading_1">
        <div id="u3292_div" class=""></div>
        <div id="u3292_text" class="text ">
          <p><span>Steps 步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3293" class="ax_default heading_1">
        <div id="u3293_div" class=""></div>
        <div id="u3293_text" class="text ">
          <p><span>概述</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3294" class="ax_default label">
        <div id="u3294_div" class=""></div>
        <div id="u3294_text" class="text ">
          <p><span>拆分某项流程的步骤，引导用户按流程完成任务。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3295" class="ax_default label">
        <div id="u3295_div" class=""></div>
        <div id="u3295_text" class="text ">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3296" class="ax_default" data-left="233" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3297" class="ax_default ellipse">
          <img id="u3297_img" class="img " src="images/步骤条/u3297.png"/>
          <div id="u3297_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3298" class="ax_default line">
          <img id="u3298_img" class="img " src="images/步骤条/u3298.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3299" class="ax_default label">
          <div id="u3299_div" class=""></div>
          <div id="u3299_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3300" class="ax_default label">
          <div id="u3300_div" class=""></div>
          <div id="u3300_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3301" class="ax_default" data-left="486" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3302" class="ax_default ellipse selected">
          <img id="u3302_img" class="img " src="images/步骤条/u3297_selected.png"/>
          <div id="u3302_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3303" class="ax_default line selected">
          <img id="u3303_img" class="img " src="images/步骤条/u3298_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3304" class="ax_default label selected">
          <div id="u3304_div" class="selected"></div>
          <div id="u3304_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3305" class="ax_default label selected">
          <div id="u3305_div" class="selected"></div>
          <div id="u3305_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3306" class="ax_default" data-left="739" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3307" class="ax_default ellipse disabled">
          <img id="u3307_img" class="img " src="images/步骤条/u3297_disabled.png"/>
          <div id="u3307_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3308" class="ax_default line disabled">
          <img id="u3308_img" class="img " src="images/步骤条/u3298_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3309" class="ax_default label disabled">
          <div id="u3309_div" class="disabled"></div>
          <div id="u3309_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3310" class="ax_default label disabled">
          <div id="u3310_div" class="disabled"></div>
          <div id="u3310_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3311" class="ax_default" data-left="992" data-top="347" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3312" class="ax_default ellipse disabled">
          <img id="u3312_img" class="img " src="images/步骤条/u3297_disabled.png"/>
          <div id="u3312_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3313" class="ax_default label disabled">
          <div id="u3313_div" class="disabled"></div>
          <div id="u3313_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3314" class="ax_default label disabled">
          <div id="u3314_div" class="disabled"></div>
          <div id="u3314_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3315" class="ax_default label">
        <div id="u3315_div" class=""></div>
        <div id="u3315_text" class="text ">
          <p><span>通过交互状态的选择来改变各个状态的样式，未选中（Unselected）=已完成，已选中（Selected）=进行中，已失效（Disabled）=待进行。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3316" class="ax_default label">
        <div id="u3316_div" class=""></div>
        <div id="u3316_text" class="text ">
          <p><span>迷你型</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3317" class="ax_default label">
        <div id="u3317_div" class=""></div>
        <div id="u3317_text" class="text ">
          <p><span>与基础用法相同，通过交互状态来改变样式。</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3318" class="ax_default" data-left="233" data-top="507" data-width="243" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3319" class="ax_default ellipse">
          <img id="u3319_img" class="img " src="images/步骤条/u3319.png"/>
          <div id="u3319_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3320" class="ax_default line">
          <img id="u3320_img" class="img " src="images/步骤条/u3298.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3321" class="ax_default label">
          <div id="u3321_div" class=""></div>
          <div id="u3321_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3322" class="ax_default" data-left="486" data-top="507" data-width="243" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3323" class="ax_default ellipse">
          <img id="u3323_img" class="img " src="images/步骤条/u3319.png"/>
          <div id="u3323_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3324" class="ax_default line">
          <img id="u3324_img" class="img " src="images/步骤条/u3298.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3325" class="ax_default label">
          <div id="u3325_div" class=""></div>
          <div id="u3325_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3326" class="ax_default" data-left="739" data-top="507" data-width="243" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3327" class="ax_default ellipse selected">
          <img id="u3327_img" class="img " src="images/步骤条/u3319_selected.png"/>
          <div id="u3327_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3328" class="ax_default line selected">
          <img id="u3328_img" class="img " src="images/步骤条/u3298_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3329" class="ax_default label selected">
          <div id="u3329_div" class="selected"></div>
          <div id="u3329_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3330" class="ax_default" data-left="992" data-top="507" data-width="75" data-height="18">

        <!-- Unnamed (Ellipse) -->
        <div id="u3331" class="ax_default ellipse disabled">
          <img id="u3331_img" class="img " src="images/步骤条/u3319_disabled.png"/>
          <div id="u3331_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3332" class="ax_default label disabled">
          <div id="u3332_div" class="disabled"></div>
          <div id="u3332_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3333" class="ax_default label">
        <div id="u3333_div" class=""></div>
        <div id="u3333_text" class="text ">
          <p><span>带图标的步骤条</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3334" class="ax_default" data-left="233" data-top="613" data-width="243" data-height="20">

        <!-- Unnamed (Ellipse) -->
        <div id="u3335" class="ax_default ellipse">
          <img id="u3335_img" class="img " src="images/步骤条/u3335.png"/>
          <div id="u3335_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3336" class="ax_default line">
          <img id="u3336_img" class="img " src="images/步骤条/u3298.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3337" class="ax_default label">
          <div id="u3337_div" class=""></div>
          <div id="u3337_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3338" class="ax_default" data-left="486" data-top="613" data-width="243" data-height="20">

        <!-- Unnamed (Ellipse) -->
        <div id="u3339" class="ax_default ellipse selected">
          <img id="u3339_img" class="img " src="images/步骤条/u3335.png"/>
          <div id="u3339_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3340" class="ax_default line selected">
          <img id="u3340_img" class="img " src="images/步骤条/u3298_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3341" class="ax_default label selected">
          <div id="u3341_div" class="selected"></div>
          <div id="u3341_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3342" class="ax_default" data-left="739" data-top="613" data-width="87" data-height="20">

        <!-- Unnamed (Ellipse) -->
        <div id="u3343" class="ax_default ellipse disabled">
          <img id="u3343_img" class="img " src="images/步骤条/u3335.png"/>
          <div id="u3343_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3344" class="ax_default label disabled">
          <div id="u3344_div" class="disabled"></div>
          <div id="u3344_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3345" class="ax_default" data-left="230" data-top="651" data-width="246" data-height="25">

        <!-- Unnamed (Ellipse) -->
        <div id="u3346" class="ax_default ellipse">
          <img id="u3346_img" class="img " src="images/步骤条/u3346.png"/>
          <div id="u3346_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3347" class="ax_default line">
          <img id="u3347_img" class="img " src="images/步骤条/u3298.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3348" class="ax_default label">
          <div id="u3348_div" class=""></div>
          <div id="u3348_text" class="text ">
            <p><span>注册</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3349" class="ax_default" data-left="486" data-top="651" data-width="246" data-height="25">

        <!-- Unnamed (Ellipse) -->
        <div id="u3350" class="ax_default ellipse selected">
          <img id="u3350_img" class="img " src="images/步骤条/u3346.png"/>
          <div id="u3350_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3351" class="ax_default line selected">
          <img id="u3351_img" class="img " src="images/步骤条/u3298_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3352" class="ax_default label selected">
          <div id="u3352_div" class="selected"></div>
          <div id="u3352_text" class="text ">
            <p><span>上传头像</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3353" class="ax_default" data-left="742" data-top="651" data-width="98" data-height="25">

        <!-- Unnamed (Ellipse) -->
        <div id="u3354" class="ax_default ellipse disabled">
          <img id="u3354_img" class="img " src="images/步骤条/u3346.png"/>
          <div id="u3354_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3355" class="ax_default label disabled">
          <div id="u3355_div" class="disabled"></div>
          <div id="u3355_text" class="text ">
            <p><span>验证邮箱</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3356" class="ax_default label">
        <div id="u3356_div" class=""></div>
        <div id="u3356_text" class="text ">
          <p><span>垂直方向</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3357" class="ax_default" data-left="233" data-top="763" data-width="243" data-height="65">

        <!-- Unnamed (Ellipse) -->
        <div id="u3358" class="ax_default ellipse">
          <img id="u3358_img" class="img " src="images/步骤条/u3297.png"/>
          <div id="u3358_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3359" class="ax_default line">
          <img id="u3359_img" class="img " src="images/步骤条/u3359.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3360" class="ax_default label">
          <div id="u3360_div" class=""></div>
          <div id="u3360_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3361" class="ax_default label">
          <div id="u3361_div" class=""></div>
          <div id="u3361_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3362" class="ax_default" data-left="233" data-top="838" data-width="243" data-height="65">

        <!-- Unnamed (Ellipse) -->
        <div id="u3363" class="ax_default ellipse">
          <img id="u3363_img" class="img " src="images/步骤条/u3297.png"/>
          <div id="u3363_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3364" class="ax_default line">
          <img id="u3364_img" class="img " src="images/步骤条/u3359.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3365" class="ax_default label">
          <div id="u3365_div" class=""></div>
          <div id="u3365_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3366" class="ax_default label">
          <div id="u3366_div" class=""></div>
          <div id="u3366_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3367" class="ax_default" data-left="233" data-top="913" data-width="243" data-height="65">

        <!-- Unnamed (Ellipse) -->
        <div id="u3368" class="ax_default ellipse selected">
          <img id="u3368_img" class="img " src="images/步骤条/u3297_selected.png"/>
          <div id="u3368_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3369" class="ax_default line selected">
          <img id="u3369_img" class="img " src="images/步骤条/u3359_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3370" class="ax_default label selected">
          <div id="u3370_div" class="selected"></div>
          <div id="u3370_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3371" class="ax_default label selected">
          <div id="u3371_div" class="selected"></div>
          <div id="u3371_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3372" class="ax_default" data-left="233" data-top="988" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3373" class="ax_default ellipse disabled">
          <img id="u3373_img" class="img " src="images/步骤条/u3297_disabled.png"/>
          <div id="u3373_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3374" class="ax_default label disabled">
          <div id="u3374_div" class="disabled"></div>
          <div id="u3374_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3375" class="ax_default label disabled">
          <div id="u3375_div" class="disabled"></div>
          <div id="u3375_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3376" class="ax_default" data-left="233" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3377" class="ax_default ellipse">
          <img id="u3377_img" class="img " src="images/步骤条/u3297.png"/>
          <div id="u3377_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3378" class="ax_default line">
          <img id="u3378_img" class="img " src="images/步骤条/u3298.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3379" class="ax_default label">
          <div id="u3379_div" class=""></div>
          <div id="u3379_text" class="text ">
            <p><span>已完成</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3380" class="ax_default label">
          <div id="u3380_div" class=""></div>
          <div id="u3380_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3381" class="ax_default" data-left="486" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3382" class="ax_default ellipse">
          <img id="u3382_img" class="img " src="images/步骤条/u3382.png"/>
          <div id="u3382_text" class="text ">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3383" class="ax_default line">
          <img id="u3383_img" class="img " src="images/步骤条/u3383.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3384" class="ax_default label">
          <div id="u3384_div" class=""></div>
          <div id="u3384_text" class="text ">
            <p><span>进行中</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3385" class="ax_default label">
          <div id="u3385_div" class=""></div>
          <div id="u3385_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3386" class="ax_default" data-left="739" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3387" class="ax_default ellipse disabled">
          <img id="u3387_img" class="img " src="images/步骤条/u3297_disabled.png"/>
          <div id="u3387_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u3388" class="ax_default line disabled">
          <img id="u3388_img" class="img " src="images/步骤条/u3298_selected.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3389" class="ax_default label disabled">
          <div id="u3389_div" class="disabled"></div>
          <div id="u3389_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3390" class="ax_default label disabled">
          <div id="u3390_div" class="disabled"></div>
          <div id="u3390_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u3391" class="ax_default" data-left="992" data-top="1144" data-width="243" data-height="40">

        <!-- Unnamed (Ellipse) -->
        <div id="u3392" class="ax_default ellipse disabled">
          <img id="u3392_img" class="img " src="images/步骤条/u3297_disabled.png"/>
          <div id="u3392_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3393" class="ax_default label disabled">
          <div id="u3393_div" class="disabled"></div>
          <div id="u3393_text" class="text ">
            <p><span>待进行</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u3394" class="ax_default label disabled">
          <div id="u3394_div" class="disabled"></div>
          <div id="u3394_text" class="text ">
            <p><span>这里是该步骤的描述信息</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3395" class="ax_default label">
        <div id="u3395_div" class=""></div>
        <div id="u3395_text" class="text ">
          <p><span>步骤运行错误</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u3396" class="ax_default label">
        <div id="u3396_div" class=""></div>
        <div id="u3396_text" class="text ">
          <p><span>对错误的步骤所处的分出取消交互状态的选择，然后更改字体和线条颜色为红色</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
